<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<meta http-equiv="content-type" content="text/html; charset=utf-8">
	<meta HTTP-EQUIV="Expires" CONTENT="0">
	<meta HTTP-EQUIV="Pragma" CONTENT="no-cache">
	<meta HTTP-EQUIV="Cache-Control" CONTENT="no-cache">
	<meta HTTP-EQUIV="Cache-Control" CONTENT="no-store">

<title>Online Forms Designer</title>


<style>
html, body {
	margin: 0;			/* Remove body margin/padding */
	padding: 0;
	overflow: hidden;	/* Remove scroll bars on browser window */	
	font: 12px "Lucida Grande", "Lucida Sans Unicode", Tahoma, Verdana;
	width: 100%;
	height: 100%
}

/*Splitter style */

.header { 
	background: #80ade5 url(../jquery/css/redmond/images/80ade5_40x100_textures_04_highlight_hard_100.png) 0 50% repeat-x;
	border-bottom: 1px solid #777;
	font-weight: bold;
	text-align: center;
	padding: 2px 0 4px;
	position: relative;
	overflow: hidden;
}

#NorthPane {
	height: 20px;
	min-height: 20px;
}


#CenterPane {
	background: #F8F8FF;
	padding: 2px;
	overflow: scroll;
	width:700px;
	min-width: 700px;
	font: 11px "Lucida Grande", "Lucida Sans Unicode", Tahoma, Verdana;

}


</style>

	<link rel="stylesheet" type="text/css" href="../jquery/css/redmond/jquery-ui-1.8.16.custom.css"/>
	<link rel="stylesheet" type="text/css" href="../jquery/css/redmond/layout-default-latest.css"/>
	<script type="text/javascript" src="../jquery/js/jquery-1.6.2.min.js"></script>
	<script type="text/javascript" src="../jquery/js/jquery-ui-1.8.16.custom.min.js"></script>
	<script type="text/javascript" src="../jquery/js/jquery.layout-latest.js"></script>

<script type="text/javascript">
$.ajaxSetup ({     
	// Disable caching of AJAX responses     
	cache: false 
	});     

jQuery(document).ready(function(){
	$('body').layout();

	$( "#accordion" ).accordion({
		fillSpace: true
	});


});
</script>
</head>
<body>

	
  	<div id="NorthPane" class="ui-layout-north">
		
			<table class="header-footer ui-state-default ui-corner-all" width="100%" border="0">
				<tr>
					<td align="center" width="100%"><h2>Online Forms Designer</h2></td>
					
				</tr>
			</table>
  	</div> 

	<div id="CenterPane" class="ui-layout-center"></div>
	<div id="EastPane" class="ui-layout-east">
		<div class="header">Properties</div>
		
	</div>
	<div id="WestPane" class="ui-layout-west">
		<div class="header">Palette</div>
		
		
		<div id="accordion">
			<h4><a href="#">Basic</a></h4>
			<div>
				<div>Input Text</div>
			</div>
			<h4><a href="#">Input Types</a></h4>
			<div>
			</div>
		</div>
		
		
		
	</div>

	<div id="SouthPane" class="ui-layout-south">
		<table class="header-footer ui-state-default ui-corner-all" width="100%" border="0">
				<tr>
					<td align="right" width="100%">Humanizing technology! Nov 2011.</td>
					
				</tr>
		</table>
	
	</div>


</body>
</html>
